/* 主题相关颜色 */
/* 经销商相关变量 */
$login-btn-bg: #2A6CFE; // 经销商登录页面按钮背景
$login-color: #2A6CFE; 
$uni-btn-bg: #2A6CFE;  
$uni-btn-color: #FFFFFF;
$uni-tabbar-text-color: #2A6CFE;
$tab-btn-bg: #EF970F;
$tab-btn-color: #FFFFFF;

/* pda端 */
$pda-btn-bg: #F0720A;
$pda-btn-color: #FFFFFF;

/* 品牌方端 */
$brand-btn-bg: #F0720A;
$brand-btn-color: #FFFFFF;

/* 商城端 */
$mall-btn-bg: #12C277;
$mall-btn-color: #FFFFFF;
$mall-text-color: #12C277;

/* flex布局 */
@mixin flexBox($justify: center, $align: center, $direction: row) {
    display: flex;
	@if $justify == 'start' {
	  justify-content: flex-start;
	}@else if $justify == 'end'{
	  justify-content: flex-end;
	}@else if $justify == 'between'{
	  justify-content: space-between;
	}@else if $justify == 'around'{
	  justify-content: space-around;
	}@else{
		justify-content: $justify;
	}
	@if $align == 'start' {
	  align-items: flex-start;
	}@else if $justify == 'end'{
	  align-items: flex-end;
	}@else{
		align-items: $align;
	}
	flex-direction: $direction;
}

/* 超过行数省略 */
@mixin truncateText($lines: 2) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $lines;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
} 
@mixin fontStyle($size: 28rpx,$color: #000000,$align: left,$weight: 500,$height: 38rpx){
	font-weight: $weight;
	font-size: $size;
	color: $color;
	line-height: $height;
	text-align: $align;
	font-style: normal;
	text-transform: none;
	word-break: break-all;
}

/* 字体颜色类通用 */
.orangeText{
	color:#FF5700 !important;
}
.greenText{
	color: #00C543 !important;
}
.redText{
	color: #FF0000 !important;
}
.blueText{
	color: #0047FF !important;
}
.yellowText{
	color: #FFA729 !important;
}
.greyText{
	color: #628B9B !important;
}
.pinkText{
	color: #F78469 !important;
}

/* 通用样式 */
// .cardItem{
// 	margin: 0 26rpx 26rpx;
// 	background: #FFFFFF;
// 	box-shadow: 0rpx 4rpx 9rpx 0rpx rgba(0, 0, 0, 0.05);
// 	border-radius: 18rpx 18rpx 18rpx 18rpx;
// 	box-sizing: border-box;
// 	padding: 26rpx;
// }
// .cardItemHead{
// 	@include flexBox(between, center, row);
// }

/* 样式 */
// .itemBox{
// 	@include flexBox(start,start);
// 	&>view{
// 		@include flexBox();
// 		@include fontStyle(28rpx,#333333,left,500,48rpx);
// 	}
// 	.label{
// 		min-width: 110rpx;
// 		text-align-last: justify;
// 	}
// 	.itemBoxRight{
// 		flex: 1;
// 		word-break: break-all;
// 		@include fontStyle(28rpx,#333333,left,500,48rpx);
// 	}
// }